@screen-sm-phone:350px;
@screen-phone: 480px; //max
@screen-tablet: 767px; // max
@screen-desktop: 2000px; //max

@page-padding-h:1rem;
@page-padding-v:1rem;

@color-theme-red:#ff3334;
@color-theme-blue:#3190e8;
@color-theme-gray:#d0d0d0;
@color-theme-light-gray:#e5e5e5;
@color-theme-white:#fff;
@color-theme-black:#585858;
@color-theme-green:#4dcf6b;

@color-theme-font-dark:#221a2f;
@color-theme-font-gray:#999;


@color-theme-input-bg:#ececec;

@color-font-white:#fff;
@color-font-black:#000;
@color-btn-normal:#888;
@color-btn-pressed:#23AAE8;

@font-line-height:1.5;

@header-height:3rem;
html,body{
    width: 100%;
    height: 100%;
    line-height: @font-line-height;
    color:@color-theme-black;
    font-family: "Helvetica Neue", "Microsoft Yahei", "sans-serif";
}

body{
    position: relative;
    overflow: hidden;
}

*{
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


input,textarea{
  -webkit-user-select: auto;
}

html{
     @media(max-width:@screen-desktop){
        font-size: 14px;
    }
    @media(max-width:@screen-tablet){
        font-size: 12px;
    }
   
    @media(max-width:@screen-phone){
        font-size: 16px;
    }
  @media(max-width:@screen-sm-phone){
    font-size: 14px;
  }
}

@font-small: 0.8rem;
@font-large: 1.4rem;

button{
    border: none;
    outline: none;
}

ul,li{
    list-style: none;
}

a,a:hover,a:active,a:focus{
  text-decoration: none;
  color: @color-font-black;
}



.clearfix() {
  &:before,
  &:after {
    content: " "; // 1
    display: table; // 2
  }
  &:after {
    clear: both;
  }
}

.clearfix{
    .clearfix;
}
@font-face {
  font-family: "iconfont";
  src: url('iconfont.eot?t=1476942584'); /* IE9*/
  src: url('iconfont.eot?t=1476942584#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff?t=1476942584') format('woff'), /* chrome, firefox */
  url('iconfont.ttf?t=1476942584') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1476942584#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:1rem;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-edit:before {.iconfont; content: "\e600"; }
.icon-locker:before {.iconfont; content: "\e601"; }
.icon-me:before {.iconfont; content: "\e602"; }
.icon-minus:before {.iconfont; content: "\e603"; }
.icon-order:before {.iconfont; content: "\e604"; }
.icon-refresh:before {.iconfont; content: "\e605"; }
.icon-remove:before {.iconfont; content: "\e606"; }
.icon-right:before {.iconfont; content: "\e607"; }
.icon-search:before {.iconfont; content: "\e608"; }
.icon-selected:before {.iconfont; content: "\e609"; }
.icon-soldout:before {.iconfont; content: "\e60a"; }
.icon-unselected:before {.iconfont; content: "\e60b"; }
.icon-add:before {.iconfont; content: "\e60c"; }
.icon-addfood:before {.iconfont; content: "\e60d"; }
.icon-back:before {.iconfont; content: "\e60e"; }
.icon-cart:before {.iconfont; content: "\e60f"; }
.icon-cartreverse:before {.iconfont; content: "\e610"; }
.icon-stampsoldout:before {.iconfont;  content: "\e611"; }
.icon-stamporderclear:before {.iconfont;  content: "\e612"; }
.icon-crown:before {.iconfont;  content: "\e614"; }
.icon-clear:before {.iconfont;  content: "\e613"; }
.icon-close:before {.iconfont;  content: "\e615"; }

